//- Copyright (C) 2023 Beijing Huaxia Chunsong Technology Co., Ltd. 
//- <https://www.chatopera.com>, Licensed under the Chunsong Public 
//- License, Version 1.0  (the "License"), https://docs.cskefu.com/licenses/v1.html
//- Unless required by applicable law or agreed to in writing, software
//- distributed under the License is distributed on an "AS IS" BASIS,
//- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//- See the License for the specific language governing permissions and
//- limitations under the License.
//- Copyright (C) 2018-Jun. 2023 Chatopera Inc, <https://www.chatopera.com>
//- Licensed under the Apache License, Version 2.0
//- http://www.apache.org/licenses/LICENSE-2.0
ul.info-list
    li.ukefu-channel-tip
        | 访问渠道：
        i.csfont &#xec11;
        | &nbsp;
        span Messenger
    li.ukefu-channel-tip
        | 服务小结：
        if summary
            i.layui-icon 
            | 已记录
        else
            i.layui-icon 
            | 未记录
    if channel
        li.ukefu-channel-tip
            | 渠道名称：#{channel.name}

    if onlineUser && onlineUser.source
        li
            | 首次访问来源：
            span.tgreen
                #{onlineUser.source}
    if onlineUser && onlineUser.region
        li
            | 位置：#{curagentuser.region}
    if serviceCount
        li
            | 访问次数：#{serviceCount ? serviceCount : 0}次
    if curagentuser.title && curagentuser.url
        li
            | 进入页面：
            a(href="#{curagentuser.url}", target="_blank")
                if curagentuser.title && size(curagentuser.title) > 15
                    - var curagentuserTitle='#{curagentuser.title}'
                    curagentuserTitle.substr(0,15)
                else
                    #{curagentuser.title}
    li
        | 访问轨迹：
        a(href="/service/trace.html?sessionid=" + curagentuser.sessionid, title="查看访客轨迹", data-toggle="ajax", data-width="1050", style="margin-left:10px;")
            i.kfont 
            | 轨迹
    if onlineUser && onlineUser.betweentime
        li
            | 停留时间
            if onlineUser && onlineUser.betweentime
                | #{pugHelper.padRight(onlineUser.betweentime / (1000 * 60 * 60), "00")} : #{pugHelper.padRight(onlineUser.betweentime / (1000 * 60 * 60) / (1000 * 60), "00")} : #{pugHelper.padRight(onlineUser.betweentime / (1000 * 60) / (1000), "00")}
    if onlineUser && onlineUser.browser
        li
            | 访问浏览器：
            | #{onlineUser.browser}
    if onlineUser && onlineUser.opersystem
        li
            | 操作系统：
            span.ukefu-online-user
                if onlineUser.opersystem && onlineUser.opersystem == "windows"
                    i.kfont 
                else if onlineUser.opersystem && onlineUser.opersystem == "linux"
                    i.kfont 
                else if onlineUser.opersystem && onlineUser.opersystem == "mac"
                    i.kfont 
                #{onlineUser.opersystem}
    if  onlineUser && onlineUser.mobile
        li
            | 访问终端：
            span.ukefu-online-user
                if onlineUser.mobile && onlineUser.mobile == "1"
                    i.kfont 
                    |  移动
                else
                    i.kfont 
                    |  PC
    li(style="position: relative;")
        | 标签：
        span#tags
            if tagRelationList
                for tagRelation in tagRelationList
                    if tags
                        for tag in tags
                            if tag.id == tagRelation.tagid
                                small.ukefu-access-label(id="tag_#{tag.id}", class="theme#{tag.color ? tag.color : '1'}") #{tag.tag}
        .ukefu-tag-add
            a#tag(href="javascript:void(0)")
                i.layui-icon 
            dl#taglist.ukefu-tag-list.layui-anim.layui-anim-upbit
                if tags
                    for tag in tags
                        - var tagValue = 0
                        if tagRelationList
                            for tagRelation in tagRelationList
                                if tag.id == tagRelation.tagid
                                    - tagValue = 1
                        if tagValue == 1
                            dd.labeldd(style="background: red", onclick="switchbackground(this)")
                                a.tag-switch(href="javascript:void(0)", data-href="/agent/tagrelation.html?tagid=#{tag.id}&userid=#{curAgentService.userid}&dataid=#{onlineUser.id}", data-theme="theme#{tag.color ? tag.color : '1'}", data-id="#{tag.id}", data-name="#{tag.tag}")
                                    | #{tag.tag}
                                    i.layui-icon.layui-icon-close ဆ
                            - tagValue = 1
                        else
                            dd.labeldd(onclick="switchbackground(this)")
                                a.tag-switch(href="javascript:void(0)", data-href="/agent/tagrelation.html?tagid=#{tag.id}&userid=#{curAgentService.userid}&dataid=#{onlineUser.id}", data-theme="theme#{tag.color ? tag.color : '1'}", data-id="#{tag.id}", data-name="#{tag.tag}")
                                    | #{tag.tag}
                                    i.layui-icon.layui-icon-close ဆ
                            - tagValue = 1
script.
    function switchbackground(ele) {
        console.log(ele)
        if (ele.style.background != "#32c24d") {
            ele.style.background = "#32c24d";
        } else {
            ele.style.background = "none";
        }
    }
            
